<template>
  <div class="container">
      <div class="title">
		   <h4 v-text="info.title"></h4>
		   <p>{{ info.add_time | datefmt('YYYY-MM-DD') }}  {{info.click}}次浏览</p>
	   </div>
	<div class="content mui-text-left" v-html="info.content" ></div>

    <comment :id = "id"></comment>
  </div>
</template>
<script>
import { Toast } from 'mint-ui';
import common from '../../kits/common.js';
import comment from '../subcom/comment.vue';
export default {
  components:{
      comment
  },
  created(){
      this.id = this.$route.params.id;
      this.getnewsinfo();
  },
  data(){
      return {
          id: 0,
          info : ''
          }
  },
  methods:{
      getnewsinfo(){
        var url = common.apidomain + '/api/getnew/'+this.id;
        this.$http.get(url).then(function(res){
            if(res.body.status != 0){
                Toast(res.body.message);
                return;
            }
            this.info = res.body.message[0];
        })
      }
  }
}
</script>
<style>
    .title h4{
		color: #0094ff;
	}
	.title p{
		color:rgba(0,0,0,0.5);
	}
    
	.title,.content{
		padding: 5px;
	}
    .content {
        width:100%;   
    }
    .container .content p img {
        width: 100%;
        border: 0;
    }
</style>

